/* 图表容器 */
.analytics-container {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 标题样式 */
.analytics-title {
  text-align: center;
  margin-bottom: 24px;
  color: #333;
  font-size: 24px;
  font-weight: 500;
}

/* 图表容器 */
.analytics-chart-container {
  height: 500px;
  min-height: 300px;
  width: 100%;
  position: relative;
}

/* 加载状态 */
.loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}

/* 错误提示 */
.error-alert {
  margin: 20px auto;
  max-width: 600px;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .analytics-container {
    padding: 16px;
  }
  
  .analytics-chart-container {
    height: 400px;
  }
  
  .analytics-title {
    font-size: 20px;
  }
}

/* 图表标签样式 */
.g2-tooltip {
  min-width: 120px;
}